<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>组织管理</title>
        <link
            rel="stylesheet"
            href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
        />
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="../css/wwl/icon/iconfont.css" />
        <link rel="stylesheet" href="../css/wwl/Organizational structure.css" />
    </head>
    <body>
        <nav class="nav-ct">
            <div class="nav-hd">
                <span class="iconfont icon-oabangong"></span>
                <span class="title">办公后台系统</span>
            </div>
            <div class="center">
                <ul class="nav-content">
                    <li><a href="../code/index.html">工作台</a></li>
                    <li><a href="#">数据大屏</a></li>
                    <li><a href="">员工</a></li>
                    <li><a href="../code/组织管理.html">组织</a></li>
                    <li><a href="#">招聘</a></li>
                    <li><a href="#">考勤</a></li>
                    <li><a href="../code/薪资/薪资.html">薪酬</a></li>
                    <li><a href="../code/社保公积金/参保方案.html">社保公积金</a></li>
                    <li>
                        <a href="../code/performance-management.html">绩效</a>
                    </li>
                    <li><a href="../code/training-index.html">培训</a></li>
                    <li><a href="../code/审核.html">审批</a></li>
                    <li><a href="../code/权限-用户.html">权限设置</a></li>
            </div>
        </nav>
        <div class="ct-box">
            <div class="nav-ct-2">
                <ul class="nav-ct-menu">
                    <li class="title">
                        组织架构
                        <ul>
                            <li><a href="#">组织管理</a></li>
                            <li><a href="">组织架构图</a></li>
                            <li><a href="">工作职场</a></li>
                        </ul>
                    </li>
                    <li class="title">
                        职位体系
                        <ul>
                            <li><a href="../code/职位管理.html">职位管理</a></li>
                            <li><a href="../code/职务管理.html">职务管理</a></li>
                            <li><a href="../code/职级管理.html">职级管理</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="box">
                <!-- 内容填充,左侧导航栏根据此地方内容自适应。 -->
                <div class="header1 row">
                    <div class="hdTitle row col-md-12">
                        <span class="tl">组织管理</span>
                    </div>
                    <div class="hdSearch row col-md-12">
                        <div class="inBox">
                            <label>组织编号： </label>
                            <input
                                type="text"
                                class="form-control"
                                id="searchEncode"
                            />
                            <label>组织名称： </label>
                            <input
                                type="text"
                                class="form-control"
                                id="searchName"
                            />
                            <label> 组织状态： </label>
                            <select class="form-control" id="searchState">
                                <option>• 启用</option>
                                <option>• 停用</option>
                            </select>
                        </div>
                        <div class="inBox2 row col-md-12">
                            <div class="col-md-4 col-xs-4">
                                <label>手机号： </label>
                                <input type="text" class="form-control" id="" />
                            </div>
                            <div class="btnGrop">
                                <button class="btn btn-primary" id="searchBtn">
                                    搜索
                                </button>
                                <button class="btn btn-default" id="resetBtn">
                                    重置
                                </button>
                            </div>
                        </div>
                    </div>
                    <div
                        class="sift row col-md-11 col-md-offset-1 col-xs-11 col-xs-offset-1"
                    >
                        <label>筛选条件：</label>
                        <div class="sift-group">
                            <!-- <span class="sift-tip"
                            >组织名称：研发部<span
                                class="glyphicon glyphicon-remove-circle"
                                aria-hidden="true"
                            ></span
                        ></span> -->
                        </div>
                    </div>
                </div>
                <div class="content-area row">
                    <div class="content-hd-inner col-md-12 col-xs-12">
                        <div class="content-tl col-md-4 col-xs-4">
                            <span class="tl">组织架构</span>
                        </div>
                        <div
                            class="content-features col-md-6 col-md-offset-2 col-xs-6 col-xs-offset-2 col-lg-6 col-md-offset-3"
                        >
                            <div class="btn-area">
                                <button class="btn btn-primary btn-lg">
                                    导入
                                </button>
                                <button class="btn btn-primary btn-lg">
                                    导出
                                </button>
                                <button
                                    class="btn btn-primary btn-lg"
                                    id="addArr"
                                >
                                    +新增组织
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="navCT col-md-2 col-xs-2">
                        <form class="form-inline fr-mgTop">
                            <div class="form-group">
                                <label class="sr-only" for="exampleInputAmount"
                                    >请输入组织名称查询</label
                                >
                                <div class="input-group">
                                    <input
                                        type="text"
                                        class="form-control"
                                        id="exampleInputAmount"
                                        placeholder="请输入组织名称查询"
                                    />
                                    <div class="input-group-addon">
                                        <span
                                            class="glyphicon glyphicon-list-alt"
                                            aria-hidden="true"
                                        ></span>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="hq">
                            <img src="../img/wwl/u5841.png" width="30px" />
                            <span class="hq-tl">星星金融科技集团</span>
                        </div>
                        <div class="planner">
                            <div
                                class="branch1"
                                data-toggle="collapse"
                                data-target="#demo"
                            >
                                <span
                                    class="glyphicon glyphicon-triangle-right"
                                    id="xlk"
                                    aria-hidden="true"
                                ></span>
                                <img src="../img/wwl/u5841.png" width="30px" />
                                <span class="demo-tl">深圳分公司</span>
                            </div>
                            <div id="demo" class="collapse sector">
                                <ul>
                                    <li>金融产品部</li>
                                    <li>研发部</li>
                                    <li>财务部</li>
                                    <li>人力资源部</li>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <div
                                class="branch2"
                                data-toggle="collapse"
                                data-target="#demo2"
                            >
                                <span
                                    class="glyphicon glyphicon-triangle-right"
                                    id="xlk2"
                                    aria-hidden="true"
                                ></span>
                                <img src="../img/wwl/u5841.png" width="30px" />
                                <span class="demo-tl">上海分公司</span>
                            </div>
                            <div id="demo2" class="collapse sector">
                                <ul>
                                    <li>金融产品部</li>
                                    <li>研发部</li>
                                    <li>财务部</li>
                                    <li>人力资源部</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="tb col-md-10 col-xs-10">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>组织编码</th>
                                    <th>组织名称</th>
                                    <th>组织类型</th>
                                    <th>上级组织</th>
                                    <th>组织负责人</th>
                                    <th>组织人数</th>
                                    <th>人员编制</th>
                                    <th>添加日期</th>
                                    <th>组织状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- <tr>
                                    <td>GS0001</td>
                                    <td>星星金融科技集团</td>
                                    <td>公司</td>
                                    <td>无</td>
                                    <td>张司</td>
                                    <td>8001</td>
                                    <td>10000</td>
                                    <td>2022-01-02</td>
                                    <td>• 启用</td>
                                    <td>查看详情</td>
                                </tr> -->
                            </tbody>
                        </table>
                        <ul class="pagination">
                            <!-- <li><a href="#">&laquo;</a></li>
                            <li><a href="#">&raquo;</a></li> -->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 添加更改模态框（Modal） -->
        <div
            class="modal fade"
            id="addArrModal"
            tabindex="-1"
            role="dialog"
            aria-labelledby="myModalLabel"
            aria-hidden="true"
        >
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button
                            type="button"
                            class="close"
                            data-dismiss="modal"
                            aria-hidden="true"
                        >
                            &times;
                        </button>
                        <h4 class="modal-title md-title" id="myModalLabel">
                            新增组织
                        </h4>
                    </div>
                    <div class="modal-body row">
                        <form class="form-horizontal col-sm-12">
                            <div class="form-group col-sm-6">
                                <label
                                    for="inputName1"
                                    class="col-sm-4 control-label"
                                    ><span style="color: red">*</span
                                    >组织名称：</label
                                >
                                <div class="col-sm-8">
                                    <input
                                        type="text"
                                        class="form-control"
                                        id="inputName1"
                                    />
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label
                                    for="inputCategories1"
                                    class="col-sm-4 control-label"
                                    ><span style="color: red">*</span
                                    >组织类型：</label
                                >
                                <div class="col-sm-8">
                                    <select
                                        id="inputCategories1"
                                        class="form-control"
                                    >
                                        <option>总部</option>
                                        <option>分公司</option>
                                        <option>办事处</option>
                                        <option>部门</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label
                                    for="inputEncode1"
                                    class="col-sm-4 control-label"
                                    ><span style="color: red">*</span
                                    >组织编码：</label
                                >
                                <div class="col-sm-8">
                                    <input
                                        type="text"
                                        class="form-control"
                                        id="inputEncode1"
                                    />
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label
                                    for="inputLeader1"
                                    class="col-sm-4 control-label"
                                    ><span style="color: red">*</span
                                    >组织负责人：</label
                                >
                                <div class="col-sm-8">
                                    <input
                                        type="text"
                                        class="form-control"
                                        id="inputLeader1"
                                    />
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label
                                    for="inputSuperior1"
                                    class="col-sm-4 control-label"
                                    ><span style="color: red">*</span
                                    >上级组织：</label
                                >
                                <div class="col-sm-8">
                                    <select
                                        id="inputSuperior1"
                                        class="form-control"
                                    >
                                        <option>上海分公司</option>
                                        <option>深圳分公司</option>
                                        <option>无</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label
                                    for="inputNum1"
                                    class="col-sm-4 control-label"
                                    >组织人数：</label
                                >
                                <div class="col-sm-7">
                                    <input
                                        type="text"
                                        class="form-control"
                                        id="inputNum1"
                                    />
                                </div>
                                <div class="in-tl col-sm-1">人</div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label
                                    for="inputStaffing1"
                                    class="col-sm-4 control-label"
                                    >编制人数：</label
                                >
                                <div class="col-sm-7">
                                    <input
                                        type="text"
                                        class="form-control"
                                        id="inputStaffing1"
                                    />
                                </div>
                                <div class="in-tl col-sm-1">人</div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label
                                    for="inputCity1"
                                    class="col-sm-4 control-label"
                                    >组织所在城市：</label
                                >
                                <div class="col-sm-8">
                                    <input
                                        type="text"
                                        class="form-control"
                                        id="inputCity1"
                                    />
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label
                                    for="inputPlace1"
                                    class="col-sm-4 control-label"
                                    >组织所在地点：</label
                                >
                                <div class="col-sm-8">
                                    <input
                                        type="text"
                                        class="form-control"
                                        id="inputPlace1"
                                    />
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label
                                    for="inpuState1"
                                    class="col-sm-4 control-label"
                                    >组织状态：</label
                                >
                                <div class="col-sm-8">
                                    <div class="radio col-sm-6">
                                        <label>
                                            <input
                                                type="radio"
                                                name="optionsRadios"
                                                id="optionsRadios2"
                                                value="option1"
                                                checked
                                            />
                                            启用
                                        </label>
                                    </div>
                                    <div class="radio col-sm-6">
                                        <label>
                                            <input
                                                type="radio"
                                                name="optionsRadios"
                                                id="optionsRadios2"
                                                value="option2"
                                            />
                                            停用
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-sm-12">
                                <label
                                    for="inputDescription1"
                                    class="control-label col-sm-2"
                                    >组织描述：</label
                                >
                                <div class="col-sm-10">
                                    <textarea
                                        class="form-control"
                                        rows="3"
                                    ></textarea>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button
                            type="button"
                            class="btn btn-default"
                            data-dismiss="modal"
                        >
                            关闭
                        </button>
                        <button
                            type="button"
                            class="btn btn-primary"
                            id="submitBtn"
                        >
                            提交新建
                        </button>
                        <button
                            type="button"
                            class="btn btn-primary"
                            id="modifyBtn"
                        >
                            提交修改
                        </button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
        <!-- 组织详情模态框（Modal） -->
        <div
            class="modal fade"
            id="detailModal"
            tabindex="-1"
            role="dialog"
            aria-labelledby="myModalLabel"
            aria-hidden="true"
        >
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header header-md1">
                        <button
                            type="button"
                            class="close"
                            data-dismiss="modal"
                            aria-hidden="true"
                        >
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">组织概况</h4>
                    </div>
                    <div class="md-btnarr">
                        <button id="modify" class="btn btn-primary">
                            修改
                        </button>
                    </div>
                    <div class="modal-body md-by">
                        <img src="../img/wwl/u5841.png" width="90px" />
                        <span id="name"></span>
                        <div>
                            <span>组织编码：</span>
                            <span id="encode"></span>
                            <span>|</span>
                            <span>组织城市：</span>
                            <span id="city"></span>
                            <span>|</span>
                            <span>员工人数：</span>
                            <span id="num"></span>
                        </div>
                        <span id="state">停用</span>
                    </div>
                    <div class="modal-header">
                        <h4 class="modal-title" id="myModalLabel">基础信息</h4>
                    </div>
                    <div class="modal-body md-by2">
                        <div>
                            <div>
                                <span class="title-td">组织名称：</span>
                                <span id="name" class="title-ct"></span>
                            </div>
                            <div>
                                <span class="title-td">上级组织：</span>
                                <span id="superior" class="title-ct"></span>
                            </div>
                            <div>
                                <span class="title-td">组织城市：</span>
                                <span id="city" class="title-ct"></span>
                            </div>
                            <div>
                                <span class="title-td">组织人数：</span>
                                <span id="num" class="title-ct"></span>
                            </div>
                            <div>
                                <span class="title-td">组织负责人：</span>
                                <span id="leader" class="title-ct"></span>
                            </div>
                        </div>
                        <div>
                            <div>
                                <span class="title-td">组织编码：</span>
                                <span id="encode" class="title-ct"></span>
                            </div>
                            <div>
                                <span class="title-td">组织类型：</span>
                                <span id="categories" class="title-ct"></span>
                            </div>
                            <div>
                                <span class="title-td">组织地址：</span>
                                <span id="place" class="title-ct"></span>
                            </div>
                            <div>
                                <span class="title-td">组织编制：</span>
                                <span id="staffing" class="title-ct"></span>
                            </div>
                            <div>
                                <span class="title-td">组织描述：</span>
                                <span id="description" class="title-ct"></span>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button
                            type="button"
                            class="btn btn-default"
                            data-dismiss="modal"
                        >
                            关闭
                        </button>
                        <button type="button" class="btn btn-primary">
                            提交更改
                        </button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
        <script src=".././js/wwl/Organizational structure.js"></script>
    </body>
</html>
